@charset "utf-8";
/* @font-face {
	font-family: 'sy-bl';
	src: url(../fonts/SourceHanSansCN-Bold.otf);
}
@font-face {
	font-family: 'sy-md';
	src: url(../fonts/SourceHanSansCN-Medium.otf);
}
@font-face {
	font-family: 'sy-rg';
	src: url(../fonts/SourceHanSansCN-Regular.otf);
} */




.ipb-tit1,
.ipb-tit2
{
	color: #000;
}
.ipb-tit1 i,
.ipb-tit2 i
{
	display: block;
}
.ipb-tit1 h2,
.ipb-tit2 h2
{
	font-weight: bold;
}




.ipb-tit1 i{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 5px;
}
.ipb-tit1 h2{
	font-size: 60px;
}




.ipb-tit2 i{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.ipb-tit2 h2{
	font-size: 56px;
}




.pb-tit h2,
.pb-tit2 h2
{
	color: #222;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
}
.pb-tit h2{
	font-size: 46px;
}
.pb-tit2 h2{
	font-size: 36px;
}
.pb-tit p{
	color: #000;
	font-size: 16px;
	line-height: 30px;
	margin-top: 8px;
}




.ipb-txt{
	color: #000;
	font-size: 15px;
	line-height: 32px;
}




.imore{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	transition: all ease-in-out .3s;
}
.imore:hover{
	color: #333;
}




.ibanner,
.inc-banner
{
    font-size: 0;
}
.ibanner img,
.inc-banner img
{
    width: 100%;
}




.swiper-pagination-bullet,
.swiper-button-prev,
.swiper-button-next
{
    opacity: 1!important;
    border: none;
    outline: none;
}
.swiper .swiper-pagination{
    bottom: 0;
}
.swiper-button-prev,
.swiper-button-next,
.swiper-button-prev::after,
.swiper-button-next::after
{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.swiper-button-prev::after,
.swiper-button-next::after
{
	content: '';
	position: absolute;
}




.around-btn{
	display: flex;
	align-items: center;
}
.around-btn .swiper-button-prev,
.around-btn .swiper-button-next
{
	width: 33px;
	height: 12px;
	position: static;
	margin-top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.around-btn .swiper-button-prev{
	margin-right: 50px;
	background-image: url(../images/pb-p.png);
}
.around-btn .swiper-button-next{
	background-image: url(../images/pb-n.png);
}




.bg-all,
.bg-cover
{
	background-repeat: no-repeat;
	background-position: center;
}
.bg-all{
	background-size: contain;
}
.bg-cover{
	background-size: cover;
}




.omit1,
.omit2
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.omit1{
	line-clamp: 1;
	-webkit-line-clamp: 1;
}
.omit2{
	line-clamp: 2;
	-webkit-line-clamp: 2;
}




.grid2,
.grid3
{
	display: grid;
}
.grid2{
	grid-template-columns: 1fr 1fr;
}
.grid3{
	grid-template-columns: 1fr 1fr 1fr;
}




.breadcrumbs li{
	color: #222;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	float: left;
	position: relative;
}
.breadcrumbs li:not(:last-child){
	margin-right: 16px;
}
.breadcrumbs li:not(:last-child)::after{
	content: '/';
	width: 4px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -10px;
}
.breadcrumbs li:hover a{
	text-decoration: underline;
}




.pb-menu li{
	color: #000;
	font-size: 20px;
	font-family: 'sy-md';
	line-height: 42px;
	height: 42px;
	float: left;
	position: relative;
}
.pb-menu li:not(:last-child){
	margin-right: 40px;
}
.pb-menu li::after{
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all ease-in-out .4s;
	background-color: #000;
}
.pb-menu li.on::after,
.pb-menu li:hover::after
{
	width: 100%;
}
.pb-menu li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.pb-more{
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-family: 'sy-md';
	line-height: 55px;
	cursor: pointer;
	width: 205px;
	height: 55px;
	margin: 0 auto;
	border-radius: 50px;
	transition: all ease-in-out .4s;
	background-color: #000;
}
.pb-more:hover{
	background-color: #333;
}
.pb-more a{
	width: 100%;
	height: 100%;
	display: inline-block;
}




.page{
	color: #666;
	font-size: 15px;
	text-align: center;
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page .pagination{
	margin-right: 20px;
	display: inline-block;
}
.page .pagination li{
	float: left;
	width: 38px;
	height: 38px;
	line-height: 38px;
	margin: 0 5px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #e5e5e5;
	background-color: #fff;
}
.page .pagination li.prev::after,
.page .pagination li.next::after
{
	content: '';
	width: 7px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.page .pagination li.prev::after{
	background-image: url(../images/page-prev.png);
}
.page .pagination li.next::after{
	background-image: url(../images/page-next.png);
}
.page .pagination li.prev:hover::after{
	background-image: url(../images/page-prev2.png);
}
.page .pagination li.next:hover::after{
	background-image: url(../images/page-next2.png);
}
.page .pagination li span,
.page .pagination li a{
	display: block;
	width: 100%;
	height: 100%;
}
.page .pagination li.active,
.page .pagination li:hover{
	color: #fff;
	border: 1px solid #444;
	background-color: #444;
}




.hdProp{
	height: 142px;
}
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 40px 0;
	background-color: #fff;
}
.header h1{
	width: 398px;
	height: 56px;
	float: left;
	margin-top: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/logo.png);
}
.header h1 a{
	width: 100%;
	height: 100%;
	display: inline-block;
	text-indent: -9999px;
}
.header .nav{
	float: right;
}
.header .nav>li{
	color: #222;
	font-size: 20px;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
	line-height: 55px;
	height: 55px;
	float: left;
	margin: 0 3px;
	position: relative;
	z-index: 10;
}
.header .nav>li:not(:last-child){
	margin-right: 80px;
}
.header .nav>li::after{
	content: '';
	width: 0;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all ease-in-out .4s;
	background-color: #000;
}
.header .nav>li.on::after,
.header .nav>li:hover::after{
	width: 100%;
}
.header .nav li a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.header .nav>li>ul{
	width: 110px;
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
	top: 51px;
	left: 50%;
	z-index: 9;
	display: none;
	transform: translateX(-50%);
	border-top: 4px solid #000;
	background-color: #dadada;
}
.header .nav>li>ul>li{
	color: #000;
	font-size: 16px;
	text-align: center;
	font-family: '微软雅黑';
	line-height: 30px;
	height: 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
}
.header .nav>li>ul>li:not(:last-child){
	margin-bottom: 10px;
}
.header .nav>li>ul>li:hover{
	color: #666;
}
.header .search {
	cursor: pointer;
	width: 25px;
	height: 25px;
	float: right;
	display: block;
	margin: 15px 0 0 40px;
	background: url(../images/search.png) no-repeat right center/contain;
}
.header .form_box{
	width:100%;
	position: absolute;
	left:0;
	top: 155px;
	text-align: center;
	background:rgba(0,0,0,.4);
	display:none;
	z-index: 122;
}
.header .form_box form{
	display:inline-block;
	position: relative;
	margin:25px 0;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	width:90%;
	max-width:650px;
}
.header .form_box form input.text{
	width:650px;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
	background:none;
	font-size:15px;
	color:#666;
	background:#fff;
	padding-left:15px;
	box-sizing: border-box;
}
.header .form_box form input.submit{
	width:50px;
	height:50px;
	background: none;
	display:inline-block;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/search.png);
	position: absolute;
	right:0;
	top:0;
}




.footer{
	color: #000;
	max-width: 1920px;
	padding: 40px 0 100px 0;
	margin: 0 auto;
	position: relative;
}
.footer .ftnav{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 35px;
}
.footer .ftnav li{
	font-size: 20px;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
	position: relative;
}
.footer .ftnav li:not(:last-child){
	margin-right: 50px;
}
.footer .ftnav li:hover{
	text-decoration: underline;
}
.footer .ftnav li:not(:last-child)::after{
	content: '-';
	width: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -28px;
}
.footer .share li{
	cursor: pointer;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.footer .text{
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 42px;
}
.footer .share{
	display: flex;
	align-items: center;
	justify-content: center;
}
.footer .share li{
    cursor: pointer;
	width: 37px;
	height: 37px;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.footer .share li:nth-child(1){
	background-image: url(../images/sharef.jpg);
}
.footer .share li:nth-child(2){
	background-image: url(../images/sharen.jpg);
}
.footer .share li:nth-child(3){
	background-image: url(../images/sharey.jpg);
}
.footer .share li:nth-child(4){
	background-image: url(../images/shareq.jpg);
}
.footer .share a:not(:last-child){
	margin-right: 18px;
}
.footer .share li .img {
    opacity: 0;
    visibility: hidden;
    width: 130px;
    height: 130px;
    position: absolute;
    top: -135px;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease-in-out .3s;
}
.footer .share li:hover .img {
    opacity: 1;
    visibility: visible;
}
.footer .share li .img img {
    width: 100%;
    height: 100%;
}
.footer .topbtn{
	cursor: pointer;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 200px;
	bottom: 100px;
	background-color: #f4f4f4;
}
.footer .topbtn::after{
	content: '';
	width: 23px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	background: url(../images/top.png) no-repeat center/contain;
}




.ibanner{
	position: relative;
}
.ibanner .swiper-pagination{
	bottom: 40px;
}
.ibanner .swiper-pagination-bullet{
	width: 37px;
	height: 4px;
	margin: 0 8px!important;
	border-radius: 0;
	background-color: rgba(255, 255, 255, .5);
}
.ibanner .swiper-pagination-bullet-active{
	background-color: #fff;
}




.advant{
	padding: 50px 0;
}
.advant .pb-tit2{
	margin-bottom: 40px;
}
.adv-slide .swiper-wrapper{
	margin-bottom: 48px;
}
.adv-slide .swiper-slide{
	background-color: #fff;
}
.adv-slide .img{
	height: 270px;
}
.adv-slide .text{
	color: #000;
	text-align: center;
	padding: 28px 15px 35px 15px;
	box-sizing: border-box;
	box-shadow: 0 -2px 10px 5px #f8f8f8;
}
.adv-slide .text h4{
	font-size: 26px;
	margin-bottom: 13px;
	font-family: 'sy-md';
	font-weight: bold;
}
.adv-slide .swiper-slide:hover h4{
	color: #666;
}
.adv-slide .text p{
	font-size: 16px;
	
}




.advant2{
	padding: 50px 0 70px 0;
}
.advant2 .pb-tit2{
	margin-bottom: 35px;
}
.advant2 .listbox .list{
	display: flex;
	justify-content: space-between;
}
.advant2 .listbox .list:not(:last-child){
	margin-bottom: 80px;
}
.advant2 .list .img{
	width: 615px;
	height: 360px;
}
.advant2 .list:nth-child(2n) .img{
	order: 2;
}
.advant2 .list .text{
	color: #222;
	width: 650px;
	padding-top: 65px;
	padding-left: 90px;
	box-sizing: border-box;
}
.advant2 .list:nth-child(2n) .text{
	padding-left: 0;
	padding-right: 100px;
}
.advant2 .list .text .tit{
	font-size: 32px;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
	margin-bottom: 22px;
}
.advant2 .list .text .tit h3{
	margin-bottom: 2px;
	display: inline-block;
	position: relative;
	font-weight: bold;
}
.advant2 .list:nth-child(2n) .text .tit h3{
	padding-right: 97px;
}
.advant2 .list .text .tit h3::after{
	content: '';
	width: 69px;
	height: 3px;
	position: absolute;
	top: 50%;
	left: -97px;
	transform: translateY(-50%);
	background-color: #000;
}
.advant2 .list:nth-child(2n) .text .tit h3::after{
	left: auto;
	right: 0;
}
.advant2 .list .text .txt{
	font-size: 18px;
	line-height: 30px;
}




.join-pic {
    max-width: 1300px;
    height: 600px;
    margin: 30px auto 40px;
}




.coop{
	padding: 65px 0 45px 0;
}
.coop .pb-tit2{
	margin-bottom: 35px;
}
.coop-slide .swiper-wrapper{
	margin-bottom: 45px;
}
.coop-slide .img{
	height: 270px;
}




.joinbtn{
	text-align: center;
	padding: 45px 0;
}
.joinbtn a{
	color: #fff;
	font-size: 18px;
	font-family: 'sy-md';
	line-height: 55px;
	height: 55px;
	padding: 0 90px 0 40px;
	display: inline-block;
	border-radius: 50px;
	position: relative;
	transition: all ease-in-out .4s;
	background-color: #000;
}
.joinbtn a:hover{
	background-color: #333;
}
.joinbtn a::after{
	content: '';
	width: 33px;
	height: 12px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40px;
	background: url(../images/join-m.png) no-repeat center/contain;
}




.case{
	padding: 50px 0 35px 0;
}
.case .pb-tit{
	margin-bottom: 52px;
}
.case .pb-menu{
	margin-bottom: 58px;
}
.case .listbox{
	gap: 20px 44px;
	margin-bottom: 35px;
}
.case .list .img{
	height: 300px;
}
.case .list h4{
	color: #222;
	font-size: 20px;
	text-align: center;
	font-family: 'sy-rg';
	line-height: 80px;
	height: 80px;
	padding: 0 15px;
	box-sizing: border-box;
	transition: all ease-in-out .4s;
}
.case .list:hover h4{
	color: #666;
}




.news{
	padding: 48px 0 35px 0;
}
.news .pb-tit{
	margin-bottom: 55px;
}
.news .pb-menu{
	margin-bottom: 58px;
}
.news .listbox{
	gap: 55px 50px;
	margin-bottom: 85px;
}
.news .listbox .list{
	transition: all ease-in-out .3s;
}
.news .listbox .list:hover{
	transform: translateY(-5px);
}
.news .list .img{
	height: 350px;
}
.news .list .textbox{
	color: #222;
	height: 315px;
	display: flex;
	justify-content: space-between;
	padding: 50px 50px 35px 35px;
	box-sizing: border-box;
	box-shadow: 0px -3px 15px 5px #f8f8f8;
}
.news .list .time span,
.news .list .time em
{
	font-family: 'Arial';
	display: block;
}
.news .list .time span{
	font-size: 36px;
	font-weight: bold;
	width: 60px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border-bottom: 2px solid #000;
}
.news .list .time em{
	font-size: 16px;
}
.news .list .text{
	font-size: 15px;
	width: calc(100% - 115px);
}
.news .list .text h4{
	font-size: 22px;
	font-family: 'sy-md';
	line-height: 36px;
	margin-bottom: 24px;
}
.news .list .text p{
	line-height: 30px;
	margin-bottom: 37px;
}




.newsv{
	padding: 100px 0;
}
.newsv .tit{
	margin-bottom: 50px;
	text-align: center;
}
.newsv .tit h2{
	color: #222;
	font-size: 26px;
	font-family: 'sy-md';
	line-height: 30px;
	margin-bottom: 20px;
}
.newsv .tit em{
	color: #999;
	font-size: 18px;
	display: block;
}
.newsv .text_box{
	color: #000;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 45px;
	margin-bottom: 45px;
	border-bottom: 1px solid #d2d2d2;
}
.newsv .text_box table td{
    border:1px solid #ccc !important;
    padding:3px;
}


.newsv .agrop{
	text-align: center;
}
.newsv .agrop a{
	color: #000;
	font-size: 18px;
	padding-right: 50px;
	display: inline-block;
	position: relative;
	margin-right: 50px;
}
.newsv .agrop a:last-child{
	margin-right: 0;
}
.newsv .agrop a::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	width: 1px;
	height: 20px;
	background-color: #bfbfbf;
}
.newsv .agrop a:last-child::after{
	display: none;
}
.newsv  .agrop a:hover{
	color: #333;
	text-decoration: underline;
}







.contact{
	padding: 47px 0 80px 0;
}
.contact .textbox{
	color: #000;
	width: 550px;
	float: left;
}
.contact .pb-tit{
	margin-bottom: 50px;
}
.contact .text .phone{
	font-size: 36px;
	font-family: 'Arial';
	font-weight: bold;
	display: inline-block;
	margin-bottom: 25px;
	box-sizing: border-box;
	border-bottom: 2px solid #000;
}
.contact .text .txt{
	font-size: 16px;
	line-height: 36px;
}
.contact .libox{
	float: right;
	padding-top: 105px;
}
.contact .libox .li{
	float: left;
}
.contact .libox .li .img{
	width: 135px;
	height: 135px;
	margin-bottom: 14px;
}
.contact .libox .li .img img{
	width: 100%;
	height: 100%;
}
.contact .libox .li h4{
	color: #000;
	font-size: 16px;
	text-align: center;
}




.message{
	padding: 80px 0 110px 0;
	margin-bottom: 65px;
	background-color: #f4f4f4;
}
.message .pb-tit{
	margin-bottom: 60px;
}
.message .form .ligrop{
	display: grid;
}
.message .form .infor{
	grid-template-columns: 1fr 1fr;
	gap: 0 100px;
	margin-bottom: 42px;
}
.message .form .verif{
	grid-template-columns: 1fr 300px;
	gap: 0 400px;
} 
.message .form .li{
	position: relative;
}
.message .form .msg{
	margin-bottom: 78px;
}
.message .form .li p{
	color: #000;
	font-size: 16px;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.message .form input,
.message .form button{
	font-size: 16px;
	width: 100%;
	height: 60px;
	outline: none;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #434343;
}
.message .form input{
	color: #9f9f9f;
	padding: 0 20px 0 70px;
	background-color: transparent;
}
.message .form input::-webkit-input-placeholder{
	color: #9f9f9f;
}
.message .form .verif input{
	padding: 0 170px 0 70px;
}
.message .form .verif .img{
	cursor: pointer;
	width: 160px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.message .form .verif .img img{
	width: 100%;
	height: 100%;
}
.message .form .verif button{
	color: #fff;
	cursor: pointer;
	border: none;
	transition: all ease-in-out .4s;
	background-color: #000;
}
.message .form .verif button:hover{
	background-color: #333;
}




.pro{
	padding: 50px 0 75px 0;
}
.pro .pb-tit{
	margin-bottom: 50px;
}
.pro .listbox .list:not(:last-child){
	margin-bottom: 55px;
}
.pro .list .title{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.pro .list .title h4{
	color: #222;
	font-size: 24px;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
	margin-right: 65px;
}
.pro .list .title .pb-menu{
	margin-right: auto;
}
.pro .list .title .pb-menu li{
	font-size: 15px;
	font-family: '微软雅黑';
	line-height: 25px;
	height: 25px;
}
.pro .list .title .pb-menu li::after{
	height: 1px;
}
.pro .list .title .around-btn{
	display: flex;
	align-items: center;
}
.pro .list .title .around-btn .swiper-button-prev,
.pro .list .title .around-btn .swiper-button-next
{
	width: 9px;
	height: 17px;
}
.pro .list .title .around-btn .swiper-button-prev{
	margin-right: 80px;
	position: relative;
	background-image: url(../images/pro-p.png);
}
.pro .list .title .around-btn .swiper-button-prev::after{
	content: '';
	width: 1px;
	height: 17px;
	position: absolute;
	top: 50%;
	left: 44px;
	transform: translate(-50% , -50%);
	background-color: #000;
}
.pro .list .title .around-btn .swiper-button-next{
	background-image: url(../images/pro-n.png);
}
.pro-slide{
	margin-bottom: 27px;
}
.pro-slide .img{
	height: 360px;
	margin-bottom: 20px;
}  
.pro-slide h4{
	color: #222;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.pro-slide .swiper-slide:hover h4{
	color: #444;
}
.pro .list .more{
	color: #222;
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	display: block;
}
.pro .list .more span{
	font-weight: bold;
	line-height: 28px;
	height: 100%;
	display: inline-block;
	margin:  0 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
}
.pro .list .more:hover span{
	color: #444;
}




.pb-view{
	max-width: 1300px;
	padding: 110px 0 85px 0;
	margin: 0 auto;
	background-image: url(../images/probg.jpg);
}
.pb-view h2{
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.pb-view .more{
	color: #000;
	font-size: 15px;
	text-align: center;
	line-height: 40px;
	width: 135px;
	height: 40px;
	margin: 0 auto;
	display: block;
	border-radius: 50px;
	transition: all ease-in-out .4s;
	background-color: #fff;
}
.pb-view .more:hover{
	color: #fff;
	background-color: #000;
}




.pro-view{
	margin-bottom: 45px;
}




.pro2{
	padding: 46px 0 45px 0;
}
.pro2 .pb-tit{
	margin-bottom: 55px;
}
.pro2 .pb-tit h2{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pro2 .pb-tit h2 a{
	font-size: 15px;
	font-family: '微软雅黑';
}
.pro2 .pb-tit h2 a:hover{
	color: #444;
}
.pro2 .pb-menu{
	margin-bottom: 58px;
}
.pro2 .pb-menu li{
	cursor: pointer;
}
.pro2 .listbox{
	gap: 25px 44px;
	margin-bottom: 65px;
}
.pro2 .list .img{
	height: 470px;
}
.pro2 .list h4{
	color: #222;
	font-size: 22px;
	text-align: center;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
	line-height: 80px;
	height: 80px;
	transition: all ease-in-out .4s;
}
.pro2 .list:hover h4{
	color: #444;
}




.introd{
	padding: 70px 0 45px 0;
}
.introd .intr-slide{
	width: 590px;
	height: 685px;
	float: left;
	background: #fff;
}
.intr-slide .swiper-pagination{
	font-size: 0;
	width: auto;
	padding: 10px 15px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 24px;
	border-radius: 50px;
	background-color: rgba(0 , 0 , 0 , .5);
}
.intr-slide .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 5px!important;
	background-color: #808080;
}
.intr-slide .swiper-pagination-bullet-active{
	background-color: #fff;
}
.introd .textbox{
	color: #000;
	font-size: 15px;
	width: calc(100% - 590px);
	float: right;
	padding-top: 53px;
}
.introd .textbox h2{
	color: #222;
	font-size: 56px;
	font-weight: bold;
	padding-left: 115px;
	margin-bottom: 22px;
	box-sizing: border-box;
}
.introd .textbox .text{
	padding: 45px 30px 127px 115px;
	box-sizing: border-box; 
	/* background-color: #f8f8f8; */
}
.introd .textbox .text h4{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 35px;
}
.introd .textbox .text .txt{
	line-height: 36px;
	margin-bottom: 45px;
}
.introd .textbox .agrop a{
	color: #888;
	float: left;
	display: block;
}
.introd .textbox .agrop a:not(:last-child){
	margin-right: 35px;
}
.introd .textbox .agrop a:hover{
	color: #000;
}




.details{
	padding: 45px 0 50px 0;
}
.details .text{
	color: #000;
	font-size: 15px;
	line-height: 30px;
}




.about{
	padding: 50px 0;
}
.about .pb-tit{
	margin-bottom: 13px;
}
.about .text{
	color: #000;
	font-size: 16px;
	line-height: 40px;
	margin-bottom: 48px;
}
.about .img{
	height: 800px;
}




.course{
	color: #000;
	padding: 75px 0 60px 0;
}
.course .listbox{
	padding: 0 160px 85px 160px;
	margin-bottom: 31px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.course .listbox::before,
.course .listbox::after
{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.course .listbox::before{
	top: 0;
	z-index: -2;
	width: 3px;
	height: calc(100% - 12px);
	background-color: #000;
}
.course .listbox::after{
	bottom: 0;
	z-index: -1;
	border-top: 12px solid #000;
	border-right: 11px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 11px solid transparent;
}
.course .listbox .list{
	display: flex;
	justify-content: space-between;
}
.course .listbox .list:not(:last-child){
	margin-bottom: 65px;
}
.course .list .pic,
.course .list .text
{
	width: 464px;
}
.course .list:nth-child(2n) .pic{
	order: 2;
}
.course .list .img{
	width: 320px;
	height: 230px;
	float: right;
}
.course .list:nth-child(2n) .img{
	float: left;
}
.course .list .text{
	padding-top: 22px;
	box-sizing: border-box;
	border-top: 6px solid #000;
}
.course .list:nth-child(2n) .text{
	text-align: right;
	order: 1;
}
.course .list .text span{
	font-size: 48px;
	font-weight: bold;
	font-family: 'Arial';
	display: block;
	margin-bottom: 4px;
	transition: all ease-in-out .3s;
}
.course .list:hover .text span{
	color: #333;
}
.course .list .text p{
	font-size: 24px;
	font-family: 'sy-rg';
}
.course .tips{
	font-size: 24px;
	text-align: center;
	line-height: 36px;
	font-family: 'sy-rg';
}





.cultural{
	padding: 60px 0 40px 0;
}
.cultural .pb-tit2{
	padding-bottom: 22px;
	margin-bottom: 37px;
	box-sizing: border-box;
	border-bottom: 4px solid #000;
}
.cultural .listbox{
	color: #222;
	gap: 40px 30px;
}
.cultural .list h4{
	font-size: 16px;
	margin-bottom: 10px;
}
.cultural .list p{
	font-size: 26px;
	/* font-family: 'sy-bl'; */
	font-weight: bold;
}




.honor{
	padding: 40px 0;
}
.honor .pb-tit2{
	margin-bottom: 28px;
}
.honor-slide .swiper-wrapper{
	margin-bottom: 42px;
}
.honor-slide .img{
	height: 315px;
	padding: 35px;
	box-sizing: border-box;
	background-color: #fff;
}
.honor-slide h4{
	color: #222;
	font-size: 20px;
	text-align: center;
	line-height: 85px;
	font-family: 'sy-md';
	height: 85px;
	padding: 0 15px;
	box-sizing: border-box;
	transition: all ease-in-out .3s;
	background-color: #ececec;
}
.honor-slide .swiper-slide:hover h4{
	color: #fff;
	background-color: #222;
}




.company{
	padding: 40px 0 65px 0;
}
.company .title{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.company .title .pb-tit2{
	margin-right: 48px;
}
.company .title .pb-menu li{
	color: #666;
	font-size: 16px;
	font-weight: bold;
	font-family: '微软雅黑';
	cursor: pointer;
}
.company .title .pb-menu li:not(:last-child){
	margin-right: 45px;
}
.company .title .pb-menu li.on,
.company .title .pb-menu li:hover
{
	color: #222;
}
.company .title .pb-menu li::after{
	background-color: #222;
}
.comp-slide .swiper-wrapper{
	margin-bottom: 40px;
}
.comp-slide .img{
	height: 410px;
}




.iab{
	padding: 110px 0 45px 0;
}
.iab .text{
	width: 615px;
	float: left;
}
.iab .text .ipb-tit1{
	margin-bottom: 40px;
}
.iab .text .ipb-txt{
	max-width: 430px;
	margin-bottom: 55px;
}
.iab .img{
	width: 615px;
	height: 370px;
	float: right;
}




.ipro1{
	padding: 45px 0;
}
.ipro1 .item1 .img{
	width: 615px;
	height: 785px;
	float: left;
	position: relative;
	z-index: 20;
}
.ipro1 .item1 .text{
	width: calc(100% - 615px);
	float: right;
	padding: 23px 0 0 70px;
	box-sizing: border-box;
	position: relative;
	z-index: 20;
}
.ipro1 .item1 .text::after{
	content: '';
	width: 600px;
	height: 156px;
	position: absolute;
	top: 85px;
	left: 0;
	z-index: -1;
	background-color: #f6f6f6;
}
.ipro1 .item1 .text .ipb-tit1{
	text-align: right;
	margin-bottom: 30px;
}
.ipro1 .item1 .text .ipb-txt{
	line-height: 36px;
	margin-bottom: 30px;
}
.ipro1 .item2 .text{
	color: #000;
	font-size: 45px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 76px;
	width: 615px;
	float: left;
	padding-top: 117px;
	position: relative;
	z-index: 10;
}
.ipro1 .item2 .text::after{
	content: '';
	width: 422px;
	height: 520px;
	position: absolute;
	left: 60px;
	bottom: 33px;
	z-index: -1;
	background: url(../images/ipro1-ic.png) no-repeat center/contain;
}
.ipro1 .item2 .img{
    overflow: hidden;
	width: 610px;
	height: 705px;
	float: right;
	margin-top: -360px;
}
.ipro1 .item2 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.ipro1-1 {
	/*padding: 30px 0 55px 0;*/
	padding-top: 30px;
}




.i-view1{
	/*margin: 45px auto 45px auto;*/
	margin: 5px auto 45px;
	background-image: url(../images/ipro3bg.jpg);
}




.ipro2{
	padding: 50px 0 60px 0;
}
.ipro2 .nav{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 37px;
}
.ipro2 .nav li{
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.ipro2 .nav li:not(:last-child){
	margin-right: 60px;
}
.ipro2 .nav li:not(:last-child)::after{
	content: '-';
	width: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -28px;
}
.ipro2 .ipb-txt{
	text-align: center;
	max-width: 810px;
	margin: 0 auto 70px auto;
}
.ipro2-slide .swiper-wrapper{
    margin-bottom: 100px;
}
.ipro2-slide .swiper-slide{
	height: 530px;
	transition: all ease-in-out .3s;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.ipro2-slide .swiper-slide a{
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 231px 15px 15px 15px;
	box-sizing: border-box;
}
.ipro2-slide .swiper-slide h4{
	color: #fff;
	font-size: 46px;
	text-align: center;
	font-weight: bold;
}
.ipro2-slide .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 6px!important;
    background-color: #dcdcdc;
}
.ipro2-slide .swiper-pagination-bullet-active {
      background-color: #000;
}




.pb-pro .listbox .list {
	display: flex;
	margin-bottom: 95px;
}
.pb-pro .list .img{
	width: 615px;
	height: 785px;
	order: 1;
	position: relative;
	z-index: 20;
}
.pb-pro .list:nth-child(2n) .img {
	order: 2;
	margin-top: -465px;
}
.pb-pro .list .text{
	width: calc(100% - 615px);
	order: 2;
	padding: 23px 0 0 70px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.pb-pro .list .text::after{
	content: '';
	position: absolute;
	z-index: -1;
}
.pb-pro .list:nth-child(2n-1) .text::after{
	width: 600px;
	height: 156px;
	top: 85px;
	left: 0;
	background-color: #f4f5f0;
}
.pb-pro .list:nth-child(2n) .text {
	order: 1;
	padding: 0 70px 0 0;
}
.pb-pro .list:nth-child(2n) .text::after{
	content: '';
	width: 422px;
	height: 520px;
	position: absolute;
	/*top: -210px;*/
	top: -295px;
	left: 60px;
	z-index: -1;
	background: url(../images/ipro1-ic.png) no-repeat center/contain;
}
.pb-pro .list .text .ipb-tit1{
	text-align: right;
	margin-bottom: 30px;
}
.pb-pro .list:nth-child(2n) .text .ipb-tit1{
	text-align: left;
}
.pb-pro .list .text .ipb-txt{
	line-height: 36px;
	margin-bottom: 30px;
}




.ipro3{
	padding-top: 55px;
}



.i-view2{
	margin: 5px auto 50px;
}